<template>
  <div class="fbb">
    <div class="ff"></div>
    <div class="ff"></div>
    <div class="ff"></div>
    <div class="ff"></div>
  </div>
</template>

<style scoped>
.fbb {
  display: flex;
  width: 100%;
  height: 400px;
  background-color: #e6e6fa;
  flex-wrap: nowrap;
}
.ff {
  background-color: #ffb6c1;
  height: 100px;
  width: 200px;
  margin: 10px;
}
@media screen and (max-width: 600px) {
  .fbb {
    flex-wrap: wrap;
  }
}
</style>
